<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="./iconfont/iconfont.css">
		<style type="text/css">
			body{
				width: 1280px;
				margin: 0px auto;
			}
			#container {
			    width:1280px;
				background-color: #333;
				height: 40px;
				font-size: 12px;
			}
			#container li{
				width: 55px;
				height: 30px;
				color: #b0b0b0;
				list-style-type: none;
				float: left;
				text-align: center;
				padding-top: 10px;;
			}
			#container li:hover{
				background-color: #33452c;
			}
			a{
				text-decoration: none;
			}
			#top{
				position: relative;
				width:1280px ;
				height:100px;
				padding-top: 12px;
			}
			#topp{
				position:absolute;
				width:1280px ;
				height:200px;
				display:none;
				top:100px;
				left: 0px;
				background-color:white;
				cursor: pointer;
			}
			#top li{
				height: 58px;
				width: 72px;
				float: left;
				font-size: 16px;
				list-style-type: none;
				padding-top: 40px;
				text-align: center;
			}
			#top a:hover{
				color: orangered;
				
			}
			#top a{
				color: #000000;
			}
			#st{
				 color:#B0B0B0;
			}
			#st:hover{
				color:orange;
			}
			#banner{
				width: 1240px;
				height: 460px;
				background-color: #FF4500;
				background-size: 100% 100%;
				background-image: url(img/4.jpg);
				margin: 0px auto;
				display: flex;
			}
			#bannerlefttb{
				flex: 1;
			}
			#bannerleft{
				width: 248px;
				height: 460px;
				background-color:#69656599;
				float: left;
			
			}
			#bannerleft li{
				width: 225px;
				height: 30px;
				color: #ffffff;
				font-size: 14px;
				text-align: left;
				padding-left: 20px;
				padding-top: 12px;
				list-style-type: none;
				cursor:pointer;
			}
			#banner a{
					color:#fff;
					font-size: 14px;
					
			}
			#bannerleft li:hover{
				background-color: orange;
			}
			#banneright{
				float: left;
				height: 460px;
				width: 995px;
				display: none;
				flex: 4;
				cursor: pointer;
			}
			#lowbanner{
				width: 1240px;
				margin: 0px auto;
				height: 170px;
				padding: 15px 0px;
			}
			#lowbanners{
				width:245px ;
				height: 170px;
				float:left;
			}
			#lowbannerm{
				margin-left:20px;
				width:308px;
				height:170px;
				float:left;
				cursor:pointer;
			}
			#lowbannerm:hover{
				opacity:0.8;
				border-top:5px #fff solid;
				border-bottom:3px #FF9966 solid;
			}
			#xmms{
				width:1240px;
				height:58px;
				background-color:#f5f5f5;
				margin:0px auto;
			}
			#xmms small{
				margin-left:10px;
				font-size:20px;
				float:left;
				color:#333;
				opacity:0.5px;
				margin-top:20px;
			}
			#xmms span{
				margin-top:25px;
				margin-right:10px;
				cursor:pointer;
				color:#999;
			}
			#xmms span:hover{
				color:orange;
			}
			#xmms li{
				width:30px;
				height:16px;
				margin-top:30px;
				float:right;
				border:0.5px #666 solid;
				list-style-type:none;
				font-size:16px;
				text-align:center;
				padding-bottom:5px;
				color:#333;
				cursor:pointer;
				}
			
			#xmms li:hover{
				color:orange;
				}
			#msh{
				width:1240px;
				height:370px;
				margin:0px auto;
				background-color:#f5f5f5;
				}
			.msbanner{
				height:340px;
				width:234px;
				background-color:#fff;
				margin-left:11px;
				float:left;
				}
			#note{
				width:1240px;
				margin:0px auto;
				height:120px;
				}
			#iphone{
				width:1240px;
				margin:0px auto;
				height:634px;
				background-color:#f5f5f5;
				}
			#iphoneleft{
				width:234px;
				height:614px;
				float:left;
				margin-top:10px;
				cursor:pointer;
				}
			#iphoneleft:hover{
				border-top:7px #f5f5f5 solid;
				}
			#ibb{
				width:1006px;
				height:317px;
				float:left;
				}
			 #iphoneright1:hover{
				border-top:5px #f5f5f5 solid;
				}
				#iphoneright:hover{
				border-top:5px #f5f5f5 solid;
				}
				#iphoneright{
				width:234px;
				height:300px;
				margin-top:10px;
				margin-left:14px;
				float:left;
				cursor:pointer;
				background-color: white;
				border-radius: 1px;
			}
			#footer{
				padding-top:5px;
				width:1280px;
				height:130px;
				background-color:#FFF;
				text-align:center;
				color:#999;
				font-size:14px;
				padding-top: 50px;
			}
			b{
				font-size: 20px;
				color: #757575;
				opacity: 0.5;
				text-align: center;
			}
			hr{
				color: #B0B0B0;
				opacity: 0.4;
			}
			.data{
				width: 25px;
				height: 27px;
				background-color:dimgrey;
				float: left;
				margin-left: 16px;
				margin-top: 244px;
				font-size: 20px;
				padding: 10px;
				color: white;
				
				
			}
			#index{
				width: 75px;
				height: 20px;
				float: right;
				color: #424242;
				text-align: center;
				margin-top: 30px;
				cursor: pointer;
			}
			#index1{
				width: 37px;
				height: 20px;
				float: right;
				color: #424242;
				text-align: center;
				margin-top: 30px;
				cursor: pointer;
			}
			#index1:hover{
				border-bottom: orangered 2px solid;
				color: orangered;
			}
			#index:hover{
				border-bottom: orangered 2px solid;
				color: orangered;
			}
			#ibb1{
				width:1240px;
				height:317px;
				float:left;
			}
			#xmms1{
				width:1240px;
				height:58px;
				background-color:#f5f5f5;
				margin:0px auto;
			}
			#xmms1 small{
				margin-left:10px;
				font-size:20px;
				float:left;
				color:#333;
				opacity:0.5px;
				margin-top:20px;
			}
			#xmms1 li{
				list-style-type: none;
			}
			#note1{
				width:1240px;
				margin:10px auto;
				height:120px;
				background-color:#f5f5f5;
			}
			.iconfontcss{
				font-size: 20px;
				float: right;
				margin-right: 20px;
				
			}
			.ttrr{
				font-size: 24px;
				color: white;
			}
			#iphoneright1{
				width:234px;
				height:300px;
				margin-top:10px;
				margin-left:14px;
				float:left;
				cursor:pointer;
				background-color: white;
				border-radius: 1px;
			}
			#iphoneright1 img{
				width: 140px;
				height: 150px;
				margin-left: 47px;
				margin-top: 20px;
			}
			#iphoneright1 a{
				width: 234px;
				height: 300px;
				text-align: center;
			}
			.ttttdiv{
				width: 234px;
				height: 21px;
				color: #333330;
				font-size:14px;
			}
			#iphoneright1 .p1{
				width: 234px;
				height: 18px;
				color: #B0B0B0;
				font-size: 12px;
			}
			#iphoneright1 .p2{
				width: 234px;
				height: 21px;
				color: #ff6700;
				font-size: 14px;
				margin-top: 15px;

			}
		</style>
		<script type="text/javascript">
			var index=0;
			function changeImg(){
				var banner=document.getElementById("banner");
				var curIndex=index%6+1;
				banner.style.backgroundSize="100% 100%";
				banner.style.backgroundImage="url(img/"+curIndex+".jpg)"
				index=index+1;	
			}
			function init(){
				setInterval("changeImg()",2000);
			}
			function show(n){
				var div=document.getElementById("banneright");
				var img=document.getElementById("bgm");
				// var dr1=document.getElementById("dr1")
				// var dr2=document.getElementById("dr2")
				/* if(n=="dsyy"){
					dr1.src="img1/"+n+"4.png";
				}
				else if(n=="rm"){
					dr1.src="img1/"+n+"5.png";
				}
				else{ */
				img.src="jsimg/b"+n+".png";
				div.style.display="block";
				/* } */
				
				
			}
			function hide(){
				var div=document.getElementById("banneright");
				div.style.display="none";
			}
			function showtop(n){
				var div=document.getElementById("topp");
				var img=document.getElementById("showtop");
				img.src="img1/top"+n+".png";
				div.style.display="block";
				}
			function hidetop(){
				var div=document.getElementById("topp");
				div.style.display="none";
				}
			var i=1;
			function imgleft(){
				
				var id1=document.getElementById("t1");
				var id2=document.getElementById("t2");
				var id3=document.getElementById("t3");
				var id4=document.getElementById("t4");
				
				if(i>=1&&i<=5){
					i++;
					id1.src="img1/t"+i+".png";
					i++;
					id2.src="img1/t"+i+".png";
					i++;
					id3.src="img1/t"+i+".png";
					i++;
					id4.src="img1/t"+i+".png";
					i=i-3;
					}
				else{
					i=1;
					}
				
				}
			function imgright(){
				
				var id1=document.getElementById("t1");
				var id2=document.getElementById("t2");
				var id3=document.getElementById("t3");
				var id4=document.getElementById("t4");
				
				if(i>=5&&i<=9){
					i--;
					id1.src="img1/t"+i+".png";
					i--;
					id2.src="img1/t"+i+".png";
					i--;
					id3.src="img1/t"+i+".png";
					i--;
					id4.src="img1/t"+i+".png";
					i=i+3;
					
					}
				else{
					i=5;
					}
				}
			function yd(){

			    var endtime=new Date("2029/1/1,00:00:00");//结束时间
			    var nowtime = new Date();//当前时间
			    var lefttime= parseInt((endtime.getTime()-nowtime.getTime())/1000) ; 
			    h1= parseInt(lefttime/(60*60)%24) ;
			    m1= parseInt(lefttime/60%60) ;
			    s1= parseInt(lefttime%60);
					//alert(h1)
					if(h1<10){
						h='0'+h1
					}
					else{
						h=h1
					}
					if(m1<10){
						m='0'+m1
					}
					else{
						m=m1
					}
					if(s1<10){
						s='0'+s1
					}else{
						s=s1
					}
			    document.getElementById("data1").innerHTML=h;
			    document.getElementById("data2").innerHTML=m;
			    document.getElementById("data3").innerHTML=s;
				}
			setInterval("yd()",1000);
			setInterval("imgleft()",4000);
			
	</script>
	</head>
	<body onload="init()">
		<div id="container">
			<nav>
				<a href="#"><li>首 页</li></a>
				<a href="#"><li>MIUI</li></a>
				<a href="#"><li>LoT</li></a>
				<a href="#"><li>云服务</li></a>
				<a href="#"><li>天星数科</li></a>
				<a href="#"><li>有 品</li></a>
				<a href="#"><li>小 爱</li></a>
				<a href="#"><li>企业团购</li></a>
				<a href="#"><li>资质证明</li></a>
				<a href="#"><li>协议规则</li></a>
				<a href="#"><li>下载APP</li></a>
				<a href="#"><li>智能生活</li></a>
				<a href="#">
					<li style="float: right;width:65px ;"><span style="float: right; width: 40px;">&nbsp;购物车</span>
						<img style=" float: left;width: 20px;margin-left: 5px;" src="img/gwc.png" width="20px" height="20px"/>
					</li>
				</a>
				<a href="#">
					<li style="float: right; width: 65px;">消息通知</li>
				</a>
				<a href="zhuce.html">
					<li style="float: right;">注册</li>
				</a>
				<a href="login.html">
					<li style="float: right;">登录</li>
				</a>
			</nav>
		</div>
		<div id="top">
			<nav>
				<a href="#">
					<img src="img/logo-mi2.png" width="56px" height="56px" style="float: left;margin-top: 20px;margin-left: 15px;"/>
				</a>
				<ul  onmouseleave="hidetop()">
				<li style="margin-left: 200px;" >
					<a href="#" onMouseOver="showtop(1)">小米手机</a>
				</li>
				<li>
					<a href="#" onMouseOver="showtop(2)">红 米</a>
				</li>
				<li>
					<a href="#" onMouseOver="showtop(3)">电 视</a>
				</li>
				<li>
					<a href="#" onMouseOver="showtop(4)">笔记本</a>
				</li>
				<li>
				    <a href="#" onMouseOver="showtop(5)">家 电</a>
				</li>
				<li>
					<a href="#" onMouseOver="showtop(6)">路由器</a>
				</li>
				<li>
					<a href="#" onMouseOver="showtop(7)">智能硬件</a>
				</li>
				<div id="topp">
					<a><img src="img1/top1.png" width="100%" height="100%" id="showtop"/></a>
				</div>
				</ul>
				<li><a href="#">服 务</a></li>
				<li><a href="#">社 区</a></li>
				<li style="width: 52px; float: right;padding-top: 20px;margin-right: 15px;">
					<input type="button" value="搜 索" style="width: 52px;height: 56px;" id="ss"/>
				</li>
				<li style="width: 245px; float: right;padding-top: 20px;">
					<input type="text" value="请输入搜索内容" style="width: 245px;height: 50px;" id="st"/>
				</li>
			</nav>            
		</div>
    
		<div id="banner" onmouseleave="hide()">
			<div id="bannerlefttb">
			<div id="bannerleft">
				<nav>
					<li onmouseenter="show(1)"  style="margin-top: 20px;">
						<a href="one.html">手机卡 电话卡 
							<span class="iconfont icon-arrow-right iconfontcss">
							</span>
						</a>
					</li>
					<li onmouseenter="show(2)" >
						<a href="two.html">电视 盒子
							<span class="iconfont icon-arrow-right iconfontcss">
							</span>
						</a>
					</li>
					<li onmouseenter="show(3)">
						<a href="three.html">笔记本 显示器
							<span class="iconfont icon-arrow-right iconfontcss">
							</span>
						</a>
					</li>
					<li onmouseenter="show(4)">
						<a href="four.html">家电 插线板
							<span class="iconfont icon-arrow-right iconfontcss">
							</span>
						</a>
					</li>
					<li onmouseenter="show(5)">
						出行 穿戴
						<span class="iconfont icon-arrow-right iconfontcss">
						</span>
					</li>
					<li onmouseenter="show(6)">
						智能 路由器
						<span class="iconfont icon-arrow-right iconfontcss">
						</span>
					</li>
					<li onmouseenter="show(7)">
						电源 配件
						<span class="iconfont icon-arrow-right iconfontcss">
						</span>
					</li>
					<li onmouseenter="show(8)">
						健康 儿童
						<span class="iconfont icon-arrow-right iconfontcss">
						</span>
					</li>
					<li onmouseenter="show(9)">
						耳机 音箱
						<span class="iconfont icon-arrow-right iconfontcss">
						</span>
					</li>
					<li onmouseenter="show(10)">
						生活 箱包
						<span class="iconfont icon-arrow-right iconfontcss">
						</span>
					</li>
				</nav>
			</div>
		</div>
			<div id="banneright">
				<img src="img1/b4.jpg" height="100%" id="bgm"/>
			</div>
		</div>
		
		<div id="lowbanner">
			<div id="lowbanners">
				<img src="img/bs.png" width="100%" height="100%">
			</div>
            <div id="lowbannerm">
				<img src="img/w2.jpg" width="100%" height="100%">
			</div>
            <div id="lowbannerm">
				<img src="img/w3.jpg" width="100%" height="100%">
			</div>
            <div id="lowbannerm">
				<img src="img/w1.jpg" width="100%" height="100%">
			</div>
		</div>
        <div id="xmms">
            <small>小米秒杀</small>
            <li onClick="imgleft()"><span style="margin:0px auto" class="iconfont icon-arrow-right ttrr">
			</span></li>
            <li onClick="imgright()" ><span  style="margin:0px auto" class="iconfont icon-arrow-left ttrr">
			</span></li>
        </div>
        <div id="msh">
            <div class="msbanner" style="background-image: url(img1/t0.png);background-size: 100% 100%;">
            	<div class="data" id="data1" style="margin-left: 33px;"></div>
            	<div class="data" id="data2"></div>
            	<div class="data" id="data3"></div>
            </div>
            <div class="msbanner">
				<img src="img1/t1.png" width="100%" height="100%" id="t1">
			</div>
            <div class="msbanner">
				<img src="img1/t2.png" width="100%" height="100%" id="t2">
			</div>
            <div class="msbanner">
				<img src="img1/t3.png" width="100%" height="100%" id="t3">
			</div>
            <div class="msbanner">
				<img src="img1/t4.png" width="100%" height="100%" id="t4">
			</div>
        </div>
        <div id="note">
			<img src="img/note.jpg" width="100%" height="100%"/>
		</div>
        <div id="xmms">
            <small>手机</small>
            <span style="float:right"> 查看更多</span>
        </div>
        <div id="iphone">
            <div id="iphoneleft">
				<img src="img1/s1.png" width="100%" height="100%">
			</div>
      <div id="ibb">
        <div id="iphoneright1">
					<!-- <img src="img1/s2.png" width="100%" height="100%"> -->
					<a>
						<img src="./images/xmsj1.png"/>
						<div class="ttttdiv"><h3 style="font-size: 13px; opacity: 0.7;">Xiaomi 12 Pro</h3></div>
						<div class="p1">全新一代 骁龙8</div>
						<div class="p2">4699元起</div>
					</a>
				</div>
				<div id="iphoneright1">
					<a>
						<img src="./images/xmsj2.png"/>
						<div class="ttttdiv"><h3 style="font-size: 13px; opacity: 0.7;">Xiaomi 12</h3></div>
						<div class="p1">全新一代 骁龙8</div>
						<div class="p2">3699元起</div>
					</a>
				</div>
        <div id="iphoneright1">
						<a>
							<img src="./images/xmsj3.png"/>
							<div class="ttttdiv"><h3 style="font-size: 13px; opacity: 0.7;">Xiaomi 12X</h3></div>
							<div class="p1">小尺寸 大升级</div>
							<div class="p2">3199元起</div>
							</a>
				</div>
        <div id="iphoneright1">
									<a>
										<img src="./images/xmsj4.png"/>
										<div class="ttttdiv"><h3 style="font-size: 13px; opacity: 0.7;">Xiaomi 11 青春活力版</h3></div>
										<div class="p1">轻薄5G 内外皆出彩</div>
										<div class="p2">1999元起</div>
									</a>
				</div>
            </div>
                <div id="ibb">
									<div id="iphoneright1">
										<a>
											<img src="./images/xmsj5.jpg"/>
											<div class="ttttdiv"><h3 style="font-size: 13px; opacity: 0.7;">Redmi Note 11 Pro系列</h3></div>
											<div class="p1">Redmi Note 11 Pro系列</div>
											<div class="p2">1799元起</div>
					
										</a>
					</div>
                <div id="iphoneright1">
									<a>
										<img src="./images/xmsj6.jpg"/>
										<div class="ttttdiv"><h3 style="font-size: 13px; opacity: 0.7;">Redmi Note 11 5G</h3></div>
										<div class="p1">5000mAh大电量</div>
										<div class="p2">1199元起</div>
				
									</a>
				</div>
                <div id="iphoneright1">
									<a>
										<img src="./images/xmsj7.jpg"/>
										<div class="ttttdiv"><h3 style="font-size: 13px; opacity: 0.7;">Redmi Note 11 4G</h3></div>
										<div class="p1">5000mAh大电量</div>
										<div class="p2">999元起</div>
				
									</a>
				</div>
                <div id="iphoneright1">
									<a>
										<img src="./images/xmsj8.jpg"/>
										<div class="ttttdiv"><h3 style="font-size: 13px; opacity: 0.7;">黑鲨4S Pro</h3></div>
										<div class="p1">磁动力升降肩键</div>
										<div class="p2">4799元起</div>
				
									</a>
				</div>
            </div>
        </div>
		<div id="note1">
			<img src="img1/day2202.png" width="100%" height="100%"/>
		</div>
		<div id="xmms1">
		    <small>家电</small>
		    <div id="index" >
				<li>电视影音</li>
			</div>
			<div id="index1" >
				<li>热门</li>
			</div>
		</div>
		<div id="iphone">
		    <div id="ibb1">
				<div id="iphoneright">
					<img src="img1/day2201.png" width="100%" height="100%" />
				</div>
		        <div id="iphoneright">
					<img src="img1/dsyy1.png" width="100%" height="100%" id="dr1" />
				</div>
		        <div id="iphoneright">
					<img src="img1/dsyy2.png" width="100%" height="100%"  id="dr2" />
				</div>
		        <div id="iphoneright">
					<img src="img1/dsyy3.png" width="100%" height="100%"  id="dr3" />
				</div>
		        <div id="iphoneright">
					<img src="img1/dsyy4.png" width="100%" height="100%"  id="dr4" />
				</div>
		    </div>
		    <div id="ibb1">
				<div id="iphoneright">
					<img src="img1/day2203.png" width="100%" height="100%">
				</div>
		        <div id="iphoneright">
					<img src="img1/dsyy5.png" width="100%" height="100%"  id="dr5" />
				</div>
		        <div id="iphoneright">
					<img src="img1/dsyy6.png" width="100%" height="100%"  id="dr6" />
				</div>
		        <div id="iphoneright">
					<img src="img1/dsyy7.png" width="100%" height="100%"  id="dr7"/ >
				</div>
		        <div id="iphoneright">
					<img src="img1/dsyy8.png" width="100%" height="100%"  id="dr8"/ >
				</div>
		    </div>
		</div>
		<div id="note1">
			<img src="img1/znjd.png" width="100%" height="100%"/>
		</div>
		<div id="xmms1">
		    <small>智能</small>
		    <div id="index" >
				<li>智能家电</li>
			</div>
			<div id="index1" >
				<li>热门</li>
			</div>
		</div>
		<div id="iphone">
		    <div id="ibb1">
				<div id="iphoneright">
					<img src="img1/day2301.png" width="100%" height="100%" />
				</div>
		        <div id="iphoneright">
					<img src="img1/rm1.png" width="100%" height="100%" id="dr1" />
				</div>
		        <div id="iphoneright">
					<img src="img1/rm2.png" width="100%" height="100%"  id="dr2" />
				</div>
		        <div id="iphoneright">
					<img src="img1/rm3.png" width="100%" height="100%"  id="dr3" />
				</div>
		        <div id="iphoneright">
					<img src="img1/rm4.png" width="100%" height="100%"  id="dr4" />
				</div>
		    </div>
		    <div id="ibb1">
				<div id="iphoneright">
					<img src="img1/day2302.png" width="100%" height="100%">
				</div>
		        <div id="iphoneright">
					<img src="img1/rm5.png" width="100%" height="100%"  id="dr5" />
				</div>
		        <div id="iphoneright">
					<img src="img1/rm6.png" width="100%" height="100%"  id="dr6" />
				</div>
		        <div id="iphoneright">
					<img src="img1/rm7.png" width="100%" height="100%"  id="dr7"/ >
				</div>
		        <div id="iphoneright">
					<img src="img1/rm8.png" width="100%" height="100%"  id="dr8"/ >
				</div>
		    </div>
		</div>
        <div id="footer">
			<p><small>@mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号<br/>
			（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告<br/>
			违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</small></p>
			<b>
				<small>让全球每个人都能享受科技带来的美好生活</small>
			</b>
			<hr/>
        </div>
	</body>
</html>
